<!-- 1.引入文件,记得步骤，引入以下的文件 -->
<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="utf-8">
    <!-- 当使用ie浏览器 来访问当前页面的时候 自动把ie的浏览器的内核切换最高版本   -->
    <!-- 有时候没有效果 ie 你懂的。。。  -->
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta
    name="viewport"
    content="width=device-width, initial-scale=1.0,maximum-scale=1,minimum-scale=1,user-scalable=no"
  />
    <!-- 上述3个meta标签*必须*放在最前面，任何其他内容都*必须*跟随其后！ -->
    <title>Document</title>
    <link rel="stylesheet" href="./lib/css/bootstrap.css">
    <link rel="stylesheet" href="./css/reset.css">
    <link rel="stylesheet" href="./css/index.css">
    <!-- 条件注释  less than  -->
    <!--[if lt IE 9]>
      <script src="https://cdn.jsdelivr.net/npm/html5shiv@3.7.3/dist/html5shiv.min.js"></script>
      <script src="https://cdn.jsdelivr.net/npm/respond.js@1.4.2/dest/respond.min.js"></script>
    <![endif]-->
</head>
<body>
    <!--优惠券头部-->
    <header>
        <div class="saverTicket">
            <!-- 左边部分 -->
            <a href="#" class="pull-left clearfix">
                <span class="glyphicon glyphicon-menu-left" aria-hidden="true"></span>
            </a>
            <!-- 右边部分 -->
            <a href="#" class="pull-right clearfix">
                <span class="glyphicon glyphicon-download-alt" aria-hidden="true"></span>
            </a>
            <!-- 中间部分 -->
            <span class="saver-c">肯德基优惠券</span>
        </div>
    </header>
    <!-- 优惠券 -->
    <section id='youhuijua'>
        <div style="text-align:center">--点餐前出示手机中的优惠券，即可享受优惠</div>
        <div class="kendeji">
            <div class="row">
                <div class="col-xs-12 col-sm-12">
                    <ul>
                      <li class="clearfix">
                          <div class="pull-left clearfix">
                          <img src="./images/ic_trend (1).png" alt="">
                         </div>
                          <span class="pull-left clearfix">
                              <p>C15大薯条2019年10月凭肯德基优惠券</p>
                              <p>￥58</p>
                              <p>有效期至10月31日</p>
                          </span>
                          <a href="javascript:;" class="pull-right clearfix">
                            <span class="glyphicon glyphicon-menu-right" aria-hidden="true"></span>
                          </a>
                      </li>
                    </ul>
                </div>
            </div>
        </divdiv>
    </section>
    <!-- 尾部区域 -->
    <footer id='footer'>
        <div class="row row-w">
            <div class="col-xs-4">
                <a href="#">登录</a>
            </div>
            <div class="col-xs-4">
                <a href="#">注册</a>
            </div>
            <div class="col-xs-4">
                <a href="#">
                    <span class="glyphicon glyphicon-arrow-up" aria-hidden="true"></span>
                    返回顶部</a>
            </div>
        </div>
        <p><a href="#">手机app下载</a> <a href="#">慢慢买手机版</a> -- 掌上比价平台</p>
        <p>m.manmanbuy.com </p>
    </footer>
</body>
<!-- 模板渲染 -->
<script type="text/html" id='youhuijuan'>
    <div class="row">
            {{each result as value i}}
            <div class="col-xs-12 col-sm-12">
                <ul>       
                  <li class="clearfix">
                      <div class="pull-left clearfix">
                          <a href="#">
                                {{#value.couponProductImg}}
                          </a>
                     </div>
                      <span class="pull-left clearfix">
                          <p>{{value.couponProductName}}</p>
                          <p>{{value.couponProductPrice}}</p>
                          <p>{{value.couponProductTime}}</p>
                      </span>
                      <a href="javascript:;" class="pull-right clearfix">
                        <span class="glyphicon glyphicon-menu-right" aria-hidden="true"></span>
                      </a>
                  </li>   
                </ul>
            </div>
            {{/each}}
        </div>
</script>
<!-- jQuery (Bootstrap 的所有 JavaScript 插件都依赖 jQuery，所以必须放在前边) -->
<script src="./lib/js/jquery.js"></script>
<!-- 加载 Bootstrap 的所有 JavaScript 插件。你也可以根据需要只加载单个插件。 -->
<script src="./lib/js/bootstrap.js"></script>
<script src="./js/template.js"></script>
<!-- 引入优惠券页面文件 -->
<script src="./js/mmm.js"></script>
</html>